<template>
  <div class="preview-box">
    <img src="@assets/logo.png">
    <div>
      <h1>
       Welcome,图控管理系统
      </h1>
      <p></p>
      <!-- <el-button @click="turnPage('/preview)">預覽</el-button> -->
    </div>
    <div class="file_box">
      <el-select v-model="choosefile" placeholder="请选择您的图档">
        <el-option
          v-for="item in myPageList"
          :key="item.id"
          :label="item.name"
          :value="item.file">
        </el-option>
      </el-select>
    </div>
  </div>
</template>
<script>

export default {
  name: 'app',
  data(){
    return {
      choosefile:'', 
      myPageList:[{
        id:1,
        label:'G01电力监控',
        url:'/record/page/g01'
      },
      {
        id:2,
        label:'G02电力监控',
        url:'/record/page/g02'
      }]
    }
  },
  methods:{
      turnPage(path){
        this.$router.push(path)
      }
  }
}
</script>

<style scoped>
.file_box{
  width:800px;
  margin:10px auto;
}
</style>